<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../stylesheets/product.css">
    <script src="../javascripts/require.js" data-main="../javascripts/product.js"></script>

</head>

<body>

    <header>
        <div class="wrapper">
            <ul class="nav_left">
                <li><a href="">首页</a></li>
                <li><a href="">华为官网</a></li>
                <li><a href="">花粉俱乐部</a></li>
                <li><a href="">v码(优购码)</a></li>
                <li><a href="">企业购</a></li>
                <li><a href="">Select Region</a></li>
                <li><a href="" class="icon">更多精彩
                        <div></div>
                    </a>
                    <ul class="two_nav">
                        <li><a href="">HarmonyOS</a></li>
                        <li><a href="">应用市场</a></li>
                        <li><a href="">华为终端云空间</a></li>
                        <li><a href="">开发者联盟</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav_right">
                <li><a href="">请登录</a></li>
                <li><a href="">注册</a></li>
                <li><a href="">我的订单</a></li>
                <li>
                    <a href="">客户服务
                        <span></span>
                    </a>
                    <ul class="two_nav">
                        <li><a href="">服务中心</a></li>
                        <li><a href="">联系客服</a></li>
                    </ul>
                </li>
                <li>
                    <a href="">
                        网站导航
                        <span></span>
                    </a>
                    <div class="b">
                        <dl>
                            <dt><a href=""></a></dt>
                            <dd><a href="">商城首页</a></dd>
                        </dl>
                        <ul>
                            <h4>频道</h4>
                            <li><a href="">华为专区</a></li>
                            <li><a href="">教育优惠</a></li>
                        </ul>
                        <p>
                            <a href="">企业购</a>
                        </p>
                        <ul>
                            <h4>产品</h4>
                            <li><a href="">手机</a></li>
                            <li><a href="">平板</a></li>
                            <li><a href="">智能家居</a></li>
                            <li><a href="">耳机音响</a></li>
                            <li><a href="">生态产品</a></li>
                        </ul>
                        <ul>
                            <li><a href="">笔记本</a></li>
                            <li><a href="">智能穿越</a></li>
                            <li><a href="">智慧屏</a></li>
                            <li><a href="">热销配件</a></li>
                            <li><a href="">增值服务</a></li>
                        </ul>
                        <ul>
                            <h4>增值服务</h4>
                            <li><a href="">以旧换新</a></li>
                            <li><a href="">一口价换电池</a></li>
                        </ul>
                        <p>
                            <a href="">补购保障</a>
                        </p>
                        <ul>
                            <h4>会员</h4>
                            <li><a href="">会员频道</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="">
                        手机版
                        <span></span>
                    </a>
                    <div class="pb">
                        <dl>
                            <dt>
                                <a href="">
                                    <img src="../img/3.png" alt="">
                                </a>
                            </dt>
                            <dd>
                                <h5>华为商城APP</h5>
                                <p>新人专享好礼</p>
                                <p>最高5000积分</p>

                                <span></span>
                                <span></span>
                                <span></span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <a href="">
                                    <img src="../img/2.jpg" alt="">
                                </a>
                            </dt>
                            <dd>
                                <h5>华为商城公众号</h5>
                                <p>微信扫一扫</p>
                                <span></span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <a href="">
                                    <img src="../img/1.jpg" alt="">
                                </a>
                            </dt>
                            <dd>
                                <h5>微信小程序</h5>
                                <span></span>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="../html/shopcar.html">
                        购物车<span></span>
                    </a>
                    <dl>
                        <dt></dt>
                        <dd>您的购物车是空的，赶紧选购吧~</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </header>
    <div class="headb">
        <div class="wrapper">
            <div class="left">
                <div class="logo">
                    <a href="">
                        <img src="../img/5.webp" alt="">
                    </a>
                </div>
                <ul>
                    <li>
                        <a href=""><img src="../img/6.png" alt=""></a>
                    </li>
                    <li><a href="">莫塞尔专区</a></li>
                    <li><a href="">华为智选</a></li>
                    <li><a href="">鸿蒙智联</a></li>
                    <li><a href="">福利中心</a></li>
                </ul>
            </div>
            <div class="right">
                <form action="">
                    <input type="text">
                    <input type="submit" value="">
                    <div class="search">
                        <span><a href="">MatePad11</a></span>
                        <span><a href="">Nova8</a></span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="product">
            <div class="wrapper">
                <div class="w_top">
                    <ul class="clear">
                        <li><a href="">首页</a>&nbsp;&nbsp;<span>&gt;</span></li>
                        <li><a href="">生态产品</a>&nbsp;&nbsp;<span>&gt;</span></li>
                        <li><a href="">手机</a>&nbsp;&nbsp;<span></span></li>

                    </ul>
                </div>
                <div class="w_center">
                    <div class="clear big">
                        <div class="clear l">
                            <div class="smallbox">
                                <!-- <img src="../img1/big0.jpg" alt=""> -->
                                <div class="movebox hide"></div>
                            </div>
                            <div class="bigbox hide">
                                <img src="../xuanranimg/am1.png" alt="">
                            </div>
                            <div class="clear">
                                <!-- <span>&lt;</span> -->
                                <!-- <ul class="clear">
                                    <li><img src="" alt=""></li>
                                    <li><img src="" alt=""></li>
                                    <li><img src="" alt=""></li>
                                    <li><img src="" alt=""></li>
                                    <li><img src="" alt=""></li>
                                </ul> -->
                                <!-- <span>&gt;</span> -->
                            </div>
                        </div>
                        <div class="clear r">
                            <div class="r_t">
                                <h1></h1>
                                <div>
                                    <div>
                                        <span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
                                        <span>抢购价</span>
                                        <span class="price">
                                            
                                        </span>
                                        <span><del>￥59999.00</del></span>
                                    </div>

                                    <div>
                                        <span>促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</span>
                                        <span>限时直降</span>
                                        <span>限时直降130</span>
                                    </div>
                                </div>
                                <p>
                                    <span>服务说明</span>
                                    <span>✓包邮</span>
                                    <span>✓由<i>第三方商家</i>广州禾宇网络科技有限公司提供商品、发货开票及售后服务</span>
                                </p>
                                <p>
                                    <span>商品编码</span>
                                    <span>3102150217801</span>
                                </p>
                                <div class="clear r_t_b">
                                    <div>
                                        选择颜色
                                    </div>
                                    <div class="info">
                                        <div>
                                            <img src="../img1/smail.png" alt="">
                                        </div>
                                        白色
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <i>已选择商品:</i><span>白色</span>
                                </div>
                                <div class="clear">
                                    <div class="clear">
                                        <input type="text" value="1" min="1" id="num">
                                        <div>
                                            <a href="javascript:;" id="zj">+</a>
                                            <a href="javascript:;" id="js">-</a>
                                        </div>
                                    </div>
                                    <div>
                                        <span><a href="javascript:;" id="additem" style="width: 172px; height: 46px; display: block;">加入购物车</a></span><span><a href="javascript:;">立即下单</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="border"></div>
        </div>
        <div class="title">
            <div class="wrapper">
                <a href="">商品详情</a>
                <a href="">规格参数</a>
                <a href="">包装与售后</a>
                <a href="">用户评价(2100+)</a>
            </div>
        </div>
        <div class="picture">
            <!-- <div><img src="" alt=""></div>
            <div><img src="" alt=""></div> -->
        </div>

        <div class="BrowsingHistory">
            <div class="wrapper">
                <div>-浏览记录-</div>
                <ul class="clear">
                    <li>
                        <img src="../img/huaweishoubiao.webp" alt="">
                        <p>HUAWEI&nbsp;WATCH&nbsp;3</p>
                        <p>￥1099</p>
                    </li>
                    <li>
                        <img src="../img/huaweishoubiao.webp" alt="">
                        <p>HUAWEI&nbsp;WATCH&nbsp;3</p>
                        <p>￥1099</p>
                    </li>
                    <li>
                        <img src="../img/huaweishoubiao.webp" alt="">
                        <p>HUAWEI&nbsp;WATCH&nbsp;3</p>
                        <p>￥1099</p>
                    </li>
                    <li>
                        <img src="../img/huaweishoubiao.webp" alt="">
                        <p>HUAWEI&nbsp;WATCH&nbsp;3</p>
                        <p>￥1099</p>
                    </li>
                    <li>
                        <img src="../img/huaweishoubiao.webp" alt="">
                        <p>HUAWEI&nbsp;WATCH&nbsp;3</p>
                        <p>￥1099</p>
                    </li>
                    <li>
                        <img src="../img/huaweishoubiao.webp" alt="">
                        <p>HUAWEI&nbsp;WATCH&nbsp;3</p>
                        <p>￥1099</p>
                    </li>
                </ul>
                <span>&lt;</span><span>&gt;</span>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="footer">
        <!-- 尾上 -->
        <div class="foot_top">
            <div class="wrapper">
                <ul class="clear">
                    <li>
                        <a href="">
                            <i></i> 百年企业&nbsp;品质保证
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i></i>
                            <span>7天退货&nbsp;15换货</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i></i>
                            <span>48元起免运费</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i></i>
                            <span>2000家服务店&nbsp;全国联保</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 尾中 -->
        <div class="foot_center">
            <div class="wrapper clear">
                <!-- 左 -->
                <div class="clear">
                    <dl>
                        <dt>购物相关</dt>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="">配送方式</a></dd>
                        <dd><a href="">支付方式</a></dd>
                        <dd><a href="">常见问题</a></dd>
                    </dl>
                    <dl>
                        <dt>保修与退还</dt>
                        <dd><a href="">保修政策</a></dd>
                        <dd><a href="">退换货政策</a></dd>
                        <dd><a href="">保修状态查询</a></dd>
                        <dd><a href="">配件防伪查询</a></dd>
                    </dl>
                    <dl>
                        <dt>维修与技术支持</dt>
                        <dd><a href="">服务店</a></dd>
                        <dd><a href="">预约维修</a></dd>
                        <dd><a href="">手机寄修</a></dd>
                        <dd><a href="">配件价格查询</a></dd>
                        <dd><a href="">上门服务</a></dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd><a href="">防伪查询</a></dd>
                        <dd><a href="">补购保障</a></dd>
                        <dd><a href="">以旧换新</a></dd>
                        <dd><a href="">礼品包装</a></dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="">公司介绍</a></dd>
                        <dd><a href="">华为商城简介</a></dd>
                        <dd><a href="">华为零售店</a></dd>
                        <dd><a href="">商家中心</a></dd>
                        <dd><a href="">意见反馈</a></dd>
                    </dl>
                    <dl>
                        <dt>友情链接<span>&lt;</span>
                            <span>&gt;</span>
                        </dt>
                        <dd><a href="">华为集团</a></dd>
                        <dd><a href="">华为CBG官网</a></dd>
                        <dd><a href="">花粉俱乐部</a></dd>
                        <dd><a href="">华为云</a></dd>
                        <dd><a href="">华为应用市场</a></dd>
                    </dl>
                </div>
                <!-- 右 -->
                <div>
                    <div>
                        <p>950805</p>
                        <p>7x24小时客服热线&nbsp;(仅收市话费)</p>
                        <div>
                            <a href="">
                                <i></i>
                                <span>在线客服</span>
                            </a>
                        </div>
                        <div class="clear">
                            <span>关注Vmall:</span>
                            <i>
                                <a href=""></a>
                                <div>
                                    <img src="../img/19.png" alt="">
                                </div>
                            </i>
                            <i><a href=""></a></i>
                            <i><a href=""></a></i>
                            <i><a href=""></a></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 尾下 -->
        <div class="foot_bottom">
            <div class="wrapper clear">
                <p>
                    <a href="">
                        <img src="../img/20.png" alt="华为商城">
                    </a>
                </p>
                <div>
                    <ul class="clear">
                        <li><a href="">华为集团</a></li>
                        <li><a href="">华为CBG官网</a></li>
                        <li><a href="">花粉俱乐部</a></li>
                        <li><a href="">华为应用市场</a></li>
                        <li><a href="">HarmonyOS</a></li>
                        <li><a href="">华为终端云空间</a></li>
                        <li><a href="">开发者联盟</a></li>
                        <li><a href="">华为商城手机版</a></li>
                        <li><a href="">网站地图</a></li>
                    </ul>
                    <p>
                        <a href="">隐私声明</a>&nbsp;<a href="">服务协议</a>&nbsp;<a href="">COOKIES</a>&nbsp;<span>Copyright&nbsp;©&nbsp;2012-2021&nbsp;华为终端有限公司&nbsp;版权所有</span>&nbsp;<a href="">粤ICP备&nbsp;19015064号</a>&nbsp;<i>|</i>&nbsp;<a href="">粤公网安备&nbsp;44190002003939号</a>
                    </p>
                    <p>
                        增值电信业务经营许可证:&nbsp;&nbsp;粤B2-20190762&nbsp;<i>|</i>&nbsp;备案主体编号:&nbsp;44201919072182&nbsp;<i>|</i>&nbsp;粤新出网备&nbsp;(2021)&nbsp;2号

                    </p>
                    <p>
                        <a href="">互联网药品信息服务资格证&nbsp;(粤)&nbsp;-非经营性-2020-0102</a>&nbsp;<i>|</i>&nbsp;粤东食药监械经营备20203930
                    </p>
                </div>
                <p>
                    <a href="">
                        <img src="../img/18.png" alt="电子营业执照">
                    </a>
                </p>
            </div>
        </div>
    </div>
    <!-- 固定导航 -->
    <ul>
        <li>
            <a href=""></a>
        </li>
        <li>
            <a href=""></a>
        </li>
        <li>
            <a href=""></a>
        </li>
        <li>
            <a href=""></a>
        </li>
        <li>
            <a href=""></a>
        </li>
    </ul>
</body>

</html>